<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<link rel="stylesheet" type="text/css" href="../c/animate.css" />
	<style>
		body {
			background-color: transparent;
		}
		/*签到窗口*/

		#t {
			position: fixed;
			top: 0;
			width: 100%;
			height: 100%;
			left: 0;
			background-color: rgba(0, 0, 0, 0.8);
			z-index: 1
		}

		#qiandao_msg {
			width: 100%;
			position: fixed;
			top: 50%;
			left: 50%;
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 2;
		}

		#qiandao_msg img {
			/*margin: 0 auto;
			width: 80%;*/
			/*border: 1px solid #fff;
			border-radius: 50%;
			padding: 0.15rem;*/
		}
		#qiandao_msg .x img {
			/*margin: 0 auto;
			width: 80%;*/
			border: 1px solid #fff;
			border-radius: 50%;
			padding: 0.35rem;
		}

		#qiandao_msg #text {
			position: absolute;
			top: 0rem;
			text-align: center;
			margin: 0 auto;
			width: 100%;
			color: #fff;
			padding-top: 15%;
			z-index: 1;
		}

		#qiandao_msg #text p.b {
			font-size: 1rem;
			color: #fff;
		}

		#qiandao_msg #text p.b b {
			font-size: 1.5rem;
		}

		#qiandao_msg p {
			color: #fff;
			font-size: 0.7rem;
			padding-top: 0.5rem
		}

		#qiandao_msg .btn {
			position: relative;
			text-align: center;
			width: 100%;
			padding-top: 1rem;
		}

		#qiandao_msg .sx-btn {
			width: 60%;
			background: #e51c23;
			text-align: center;
			padding: 0.35rem 0;
			border-radius: 1rem;
			margin: 0.3rem auto;
		}

		#qiandao_msg .btn .p {
			font-size: 0.65rem;
			opacity: 0.7
		}

		#qiandao_msg .btn .x {
			text-align: center;
			margin: 0 auto;
			/*margin-top: 2rem;*/
			background: #FE2C55;
			color: #fff;
			border-radius: 2rem;
			font-size: 0.75rem;
			padding: 0.35rem 3.5rem;
			display: inline-block;
			margin-top: 1rem;
		}

		#qiandao_msg img#zhuli {
			width: 65%;
		}

		#content {
			/*background: #c7c7c7;*/
			color: #fff;
			text-align: center;
			width: 250px;
			text-align: center;
			margin: 0 auto;
			border-radius: 0.75rem;
			padding: 2rem 0.75rem;
		}

		#content .h1 {
			font-size: 1rem;
			padding-bottom: 1rem;
		}

		#content .qq {
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #68a5e1;
			border-radius: 0.25rem;
			margin-top: 0.75rem;
			padding: 0.35rem 0;
			text-align: center;
			color: #fff;
			width: 88%;
			font-size: 0.75rem;
		}

		#content .qq img {
			width: 1.2rem;
			margin-right: 0.25rem;
		}

		#content .wx {
			background: #50b674;
		}

		#content .wx img {
			width: 1.5rem;
			/*margin-right: 0.15rem;*/
		}

		#content .dh {
			background: #69a707;
		}

		#content .dh img {
			width: 0.8rem;
			/*margin-right: 0.45rem;*/
		}
		#content img{
			text-align: center;
			margin: 0 auto;
			width: 8rem;
		}
	</style>
</head>

<body>
	<div id="t"></div>
	<div id="qiandao_msg" class="zhuli">
		<div class="animated bounceIn">
			<div id="content">
				<div class="h1">感谢您的礼物</div>
				<img src=""  />
			</div>
			<div class="btn">
				<div class="x" tapmode onclick="x()">关闭</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	apiready = function() {
		urls();
		api.bringFrameToFront({
			from: 'dashang_loading',
		});
		$('#content img').attr('src',api.pageParam['img'])
	}
	function x() {
		api.closeFrame();
	}
</script>

</html>
